<template>
<div class="app-container home">
  <el-row :gutter="20">
    <!-- 左侧内容（占 3/5 = 60%） -->
    <el-col :sm="24" :lg="18" style="padding: 20px;">
      <h2>鸳鸯预制菜后台管理系统</h2>
      <p>
        鸳鸯预制菜管理系统是一款专为预制菜生产企业设计的智能化管理平台，集成了从原料采购、生产加工、库存管理到销售配送的全流程数字化解决方案。系统以"高效、精准、智能"为核心理念，助力企业实现预制菜生产的标准化、规模化和品质可控化。
      </p>
      <img
        src="@/assets/images/index.jpg"
        style="width: 100%; height: auto; border-radius: 8px; margin-top: 20px;"
      />
    </el-col>

    <!-- 右侧欢迎语（占 2/5 = 40%，即左侧的 2/3） -->
    <el-col :sm="24" :lg="6" style="padding: 20px; background-color: #e0f7fa; border-radius: 8px;">
      <h3 style="color: #1a73e8; margin-bottom: 16px;">尊敬的合作伙伴：</h3>
      <p style="line-height: 1.8;">
        您好！<br/>
        在这追求效率与品质齐头并进的时代，预制菜行业正面临前所未有的机遇与挑战。
        我们深知，作为行业一员，您既承载着满足消费者对便捷美食需求的使命，也肩负着在激烈市场竞争中脱颖而出的重任。
        在此，我们诚挚地向您推荐鸳鸯预制菜管理系统。这不仅仅是一套系统，更是我们与您携手共进、赋能传统食品加工的得力伙伴。
        它以数字化力量为引擎，让每一份预制菜都蕴含着科技的智慧与匠心的品质，助力您的企业在市场中稳健前行。<br/>
        系统上线只是我们合作的起点。
        我们拥有一支专业且高效的技术支持团队，他们将全程陪伴您，无论是日常操作中的疑问，还是功能拓展的需求，我们都会第一时间响应，确保您的生产运营顺畅无阻。
        我们期待与您携手，共同探索预制菜行业智能化管理的新未来，开创属于我们的辉煌篇章！
        鸳鸯预制菜管理团队敬上<br/>
        <strong>鸳鸯预制菜管理团队敬上</strong>
      </p>
    </el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.9"
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    }
  }
};
</script>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>

